<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">


    <title>导航栏</title>

    <style>

        #div1{border: 1px solid black;}

        ul,li{

            margin: 0;

            padding: 0;

            font-family: "宋体";

            font-size: 20px;

            list-style: none;

        }

        #div1 ul li{

            border: 1px solid #6fffc2;

            width: 200px;


            float: left;


            line-height: 100px;

        }


    </style>


</head>


<body>


<div id="div1">


    <ul>


        <li><a href="#">111</a></li>


        <li><a href="#">222</a></li>


        <li><a href="#">333</a></li>


    </ul>
</div>
</body>

</html>